<template>
	<div id="app-container">
		<h3 class="title">使用说明</h3>
		<p v-for="item in data">{{item}}</p>
	</div>
	
</template>

<script>
export default {
  name: 'explain',
  props: {
    data: {
      type: [Array],
      required: true
    }
  }
}
</script>

<style lang="scss" scoped>
	#app-container{
		padding: 15px;
		border: 1px solid #d1dbe5;
	}
	p{
		font-size: 14px;
		color: #555;
		line-height: 25px;
		margin: 0;
	}
	.title{
	    font-weight: bold;
	    color: #555;
	    font-size: 14px;
	    margin:0;
	    padding-bottom: 10px;
	}
</style>